<template>
  <div id="app">
    <div class="pages" >
      <transition name="fade" mode="out-in">
        
        <router-view/>
      </transition>
    </div>
    <!-- 底部导航 -->
    <Tabbar v-show="$route.meta.navbarShow"></Tabbar>
  </div>
</template>

<script>
import Tabbar from "./components/Tabbar";
export default {
  name: 'App',
  components: {
    Tabbar
  }
}
</script>

<style lang="less">
@import "./assets/less/base.less";
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
</style>
